//创建一个自定义事件
//在创建自定义事件的时候使用detail属性用于传递参数
var myEvent = new CustomEvent('kkkkk',{
    detail:{
        name:'Tom',
        age:18
    }
})
//为div添加自定义事件的监听
var div = document.querySelector('.container')
div.addEventListener('kkkkk',function(e){
    console.log('myEvent被触发了')
    console.log(e)
})
//点击按钮之后派发自定义事件
function btnClick(){
    div.dispatchEvent(myEvent)
}

function timer(){
    var i = 0
    var t = setInterval(function(){
        i += 1
        if(i==10){
            clearInterval(t)
            //定时器已经计时结束
            div.dispatchEvent(myEvent)
        }  
    },1000)
}
timer()